<div class="login-body">
    <!-- <h2>{{'register' | translate}}</h2> -->
    <div class="login-tab lf">
        <span class="no-activitie" routerLink="/login">
            {{'login' | translate}}
        </span>
        <span class="activitie">
            {{'register' | translate}}
        </span>
    </div>

    <div class="login-form-databody white-input" >
        <form [formGroup]="userForm" (ngSubmit)="onSave(userForm)">

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" (blur)='onChenkId()' type="text" placeholder="{{'registerPage.input-nickname' | translate}}"
                        formControlName="loginId" name="loginId" />
                </div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel" placeholder="{{'registerPage.input-phone' | translate}}"
                        formControlName="mobile" name="mobile" weui-input="mobile" maxlength='11' />
                </div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" (blur)='onChenkMail()' type="text" placeholder="{{'registerPage.input-mail' | translate}}"
                        formControlName="email" name="email" weui-input="email" />
                </div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="{{'loginPage.input-imgCode' | translate}}"
                        formControlName="imageCode" name="imageCode" weui-input="number" />
                </div>
                <div class="" (click)='onChangImgCode()'>
                    <img class="weui-vcode-img"
                        src="/api/generateImageVerifyCode.do?imageVerifyCodeId={{imageVerifyCodeId}}&k={{e}}" />
                </div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number" formControlName="verifyCode" name="verifyCode"
                        placeholder="{{'registerPage.input-mailCode' | translate}}" />
                </div>
                <div class="weui-cell__ft phone-btn">
                    <a (click)='toSendCode()'
                        *ngIf='!sendCodeType'>{{'registerPage.input-mailCode-get' | translate}}</a>
                    <a *ngIf='sendCodeType'>{{sendCodeNum}}{{'registerPage.second' | translate}}</a>
                </div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="password" placeholder="{{'loginPage.input-password' | translate}}"
                        formControlName="loginPw" name="loginPw" />
                </div>
            </div>

            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="password"
                        placeholder="{{'registerPage.input-rePassword' | translate}}" formControlName="reLoginPw"
                        name='reLoginPw' />
                </div>
            </div>

            <div class="register-subbtn">
                <button  weui-button disabled='{{!userForm.valid}}'>{{'register' | translate}}</button>
            </div>
        </form>
    </div>

</div>